<template>
	<view class="head">
		<uni-icons type="left" size="20" class="icon"></uni-icons>
		<text v-show="isHide">{{title}}</text>
		<uni-icons type="search" size="20" v-if="isShow"></uni-icons>
	</view>
</template>

<script lang="ts" setup>
	import { defineProps } from 'vue'
	defineProps<{
		title : string,
		isShow : boolean | null,
		isHide : boolean | null,
	}>()
</script>

<style lang="less" scoped>
	.head {
		width: 100%;
		height: auto;
		padding: 0 40rpx;
		display: flex;
		justify-content: space-between;
		font-size: 34rpx;
		font-weight: 600;
	}
</style>